﻿<%@ Page Title="" Language="C#" MasterPageFile="~/user/User.master" AutoEventWireup="true" CodeFile="checkout.aspx.cs" Inherits="user_checkout" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<%@ Register src="ViewCart.ascx" tagname="ViewCart" tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="content" Runat="Server">
    <div class="checkoutContainer">  
        <div style="margin-left: 20px"><asp:ValidationSummary ID="ValidationSummary1" 
                runat="server" ShowMessageBox="False" ShowSummary="True" /> </div>      
        <ajaxToolkit:Accordion ID="Accordion1" runat="server" HeaderCssClass="accordionHeader"
            HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
            SuppressHeaderPostbacks="True" TransitionDuration="250" FramesPerSecond="40"
            Width="750" Visible="True">
            <Panes>
                <%--<ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server" Visible="True">
                    <Header>
                        <a href="" class="accordionLink">Login</a>
                    </Header>
                    <Content>
                        <div class="form_login_checkout">
                            <h3>
                                Already registered?</h3>
                            <p style="font-weight: normal">
                                Please login below:</p>
                            <p style="font-weight: normal; margin-bottom: 0px">
                                <asp:Label ID="Label1" runat="server" Text="Username"></asp:Label></p>
                            <asp:TextBox ID="txtUsername" runat="server" Width="150"></asp:TextBox>
                            <p style="font-weight: normal; margin-bottom: 0px">
                                <asp:Label ID="Label2" runat="server" Text="Password"></asp:Label></p>
                            <asp:TextBox ID="txtPassword" runat="server" Width="150" TextMode="Password"></asp:TextBox>
                            <asp:Button ID="btnLogin" runat="server" Text="Login" Width="50" CssClass="buttoncss" />
                        </div>
                    </Content>
                </ajaxToolkit:AccordionPane>--%>              
                <ajaxToolkit:AccordionPane ID="AccordionPane2" runat="server" Enabled="True">
                    <Header>
                        <a href="" class="accordionLink">Billing Information</a>
                    </Header>
                    <Content>
                        <div class="form_row_checkout">
                            <div class="form_col1_checkout">
                                <asp:HiddenField ID="hdIDcustomer" runat="server" />
                                <p>
                                    <asp:Label ID="Label3" runat="server" Text="*Firstname"></asp:Label></p>
                                <p>
                                    <asp:TextBox ID="txtBillFirstName" runat="server"></asp:TextBox></p>
                            </div>
                            <div class="form_col2_checkout">
                                <p>
                                    <asp:Label runat="server" Text="*Lastname" ID="Label4"></asp:Label></p>
                                <p>
                                    <asp:TextBox ID="txtBillLastName" runat="server"></asp:TextBox></p>
                            </div>
                        </div>
                        <div class="form_row_checkout">
                            <div class="form_col1_checkout">
                                <p>
                                    <asp:Label ID="Label5" runat="server" Text="*Address"></asp:Label></p>
                                <p>
                                   <asp:TextBox ID="txtBillAddress1" runat="server"></asp:TextBox></p>
                            </div>
                            <div class="form_col2_checkout">
                                <p>
                                    <asp:Label ID="Label6" runat="server" Text="*Email Address"></asp:Label></p>
                                <p>
                                    <asp:TextBox ID="txtBillEmailAddress" runat="server"></asp:TextBox></p>
                            </div>
                        </div>
                      
                        <div class="form_row_checkout">
                            <div class="form_col1_checkout">
                                <p>
                                    <asp:Label ID="Label11" runat="server" Text="*Zip/Postal Code"></asp:Label></p>
                                <p>
                                    <asp:TextBox ID="txtBillZipPostalCode" runat="server"></asp:TextBox></p>
                                   <asp:RequiredFieldValidator ID="rqZipCode" runat="server" ErrorMessage="Please enter Billing zip code" ControlToValidate="txtBillZipPostalCode" Display="None" SetFocusOnError="False"></asp:RequiredFieldValidator>
                            </div>
                            <div class="form_col2_checkout">
                                <p>
                                    <asp:Label ID="Label12" runat="server" Text="Phone Number"></asp:Label></p>
                                <p>
                                    <asp:TextBox ID="txtBillNumberPhone" runat="server"></asp:TextBox></p>
                            </div>
                        </div>
                        <div class="form_row_checkout">
                            <div class="form_col1_checkout">
                                <p>
                                    <asp:Label ID="Label9" runat="server" Text="*Your City "></asp:Label></p>
                                <p>
                                    <asp:TextBox ID="txtBillCity" runat="server"></asp:TextBox></p>
                                <asp:RequiredFieldValidator ID="rqBillCity" runat="server" ErrorMessage="Please enter Billing city" ControlToValidate="txtBillCity" SetFocusOnError="False" Font-Size="Small" Display="None"></asp:RequiredFieldValidator>
                                <p style="margin-left: 2px">
                                    <asp:RadioButton ID="rdShiptothisaddress" runat="server" Text="Ship to this address"
                                        Checked="True" GroupName="shipto" /></p>
                            </div>
                            <div class="form_col2_checkout">
                                <p>
                                    <asp:Label ID="Label10" runat="server" Text="*Country"></asp:Label></p>
                                <p>
                                    <asp:DropDownList ID="BillDropListCountry" runat="server" Width="150">
                                    </asp:DropDownList>
                                </p>
                                <p style="margin-left: 2px">
                                    <asp:RadioButton runat="server" ID="rdShiptodifferentaddress" Text="Ship to different address"
                                        Checked="False" GroupName="shipto" /></p>
                            </div>
                        </div>
                    </Content>
                </ajaxToolkit:AccordionPane>
                <ajaxToolkit:AccordionPane ID="AccordionPane3" runat="server" Visible="True" Enabled="True">
                    <Header>
                        <a href="" class="accordionLink">Shipping Information</a>
                    </Header>
                    <Content>
                        <div class="form_row_checkout">
                            <div class="form_col1_checkout">
                                <p>
                                    <asp:Label ID="Label13" runat="server" Text="*Firstname"></asp:Label></p>
                                <p>
                                    <asp:TextBox ID="txtShipFirtname" runat="server"></asp:TextBox></p>
                                
                            </div>
                            <div class="form_col2_checkout">
                                <p>
                                    <asp:Label runat="server" Text="*Lastname" ID="Label14"></asp:Label></p>
                                <p>
                                    <asp:TextBox ID="txtShipLastname" runat="server"></asp:TextBox></p>
                            </div>
                        </div>
                        <div class="form_row_checkout">
                            <div class="form_col1_checkout">
                                <p>
                                    <asp:Label ID="Label15" runat="server" Text="Address"></asp:Label></p>
                                <p>
                                    <asp:TextBox ID="txtShipAddress" runat="server"></asp:TextBox></p>
                            </div>
                            <div class="form_col2_checkout">
                                <p>
                                    <asp:Label ID="Label16" runat="server" Text="*Email Address"></asp:Label></p>
                                <p>
                                    <asp:TextBox ID="txtShipEmail" runat="server"></asp:TextBox></p>
                            </div>
                        </div>
                        <div class="form_row_checkout">
                            <div class="form_col1_checkout">
                                <p>
                                    <asp:Label ID="Label21" runat="server" Text="*Zip/Postal Code"></asp:Label></p>
                                <p>
                                    <asp:TextBox ID="txtShipZipCode" runat="server"></asp:TextBox></p>
                            </div>
                            <div class="form_col2_checkout">
                                <p>
                                    <asp:Label ID="Label22" runat="server" Text="Phone Number"></asp:Label></p>
                                <p>
                                    <asp:TextBox ID="txShiptPhonenumber" runat="server"></asp:TextBox></p>
                            </div>
                        </div>
                        <div class="form_row_checkout">
                            <div class="form_col1_checkout">
                                <p>
                                    <asp:Label ID="Label19" runat="server" Text="*Your City "></asp:Label></p>
                                <p>
                                    <asp:TextBox ID="txtShipCity" runat="server"></asp:TextBox></p>
                            </div>
                            <div class="form_col2_checkout">
                                <p>
                                    <asp:Label ID="Label20" runat="server" Text="*Country"></asp:Label></p>
                                <p>
                                    <asp:DropDownList ID="ShipDropDownListCountry" runat="server" Width="150">
                                    </asp:DropDownList>
                                </p>
                            </div>
                        </div>
                        
                    </Content>
                </ajaxToolkit:AccordionPane>
                <ajaxToolkit:AccordionPane ID="AccordionPane4" runat="server">
                    <Header>
                        <a href="" class="accordionLink">Payment Information</a>
                    </Header>
                    <Content>
                        <div class="form_row_checkout">
                            <div class="form_col1_checkout">
                                <p>
                                    <asp:RadioButton ID="rdAfter" runat="server" Text="Payment  after received" GroupName="payment" Checked="False" /></p>
                                <p>
                                    <asp:RadioButton runat="server" Text="Credit Card (saved) " ID="rdCC" GroupName="payment" Checked="True" /></p>
                            </div>
                            <div class="form_col2_checkout">
                                <p>
                                    <asp:Label ID="Label24" runat="server" Text="*Name on Card"></asp:Label>
                                </p>
                                <p>
                                    <asp:TextBox ID="txtPayNamecard" runat="server"></asp:TextBox>
                                </p>
                                <p>
                                    <asp:Label ID="Label23" runat="server" Text="*Credit Card Type"></asp:Label>
                                </p>
                                <p>
                                    <asp:DropDownList ID="PayDropDownListCard" runat="server" CssClass="DropDownList"
                                        Width="150">
                                        <asp:ListItem>--Please Select--</asp:ListItem>
                                        <asp:ListItem>Visa</asp:ListItem>
                                        <asp:ListItem>Master Card</asp:ListItem>
                                    </asp:DropDownList>
                                </p>
                                <p>
                                    <asp:Label ID="Label25" runat="server" Text="*Credit Card Number"></asp:Label>
                                </p>
                                <p>
                                    <asp:TextBox ID="txtCCNumber" runat="server"></asp:TextBox>
                                </p>
                                <p>
                                    <asp:Label ID="Label26" runat="server" Text="*Expiration Date"></asp:Label>
                                </p>
                                <p>
                                    <asp:TextBox ID="txtPaydateExp" runat="server"></asp:TextBox>
                                </p>
                                <p>
                                    <ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtPaydateExp"
                                        PopupPosition="Right">
                                    </ajaxToolkit:CalendarExtender>
                                </p>
                                <p>
                                    <asp:Label ID="Label27" runat="server" Text="*Card Verification Number"></asp:Label>
                                </p>
                                <p>
                                    <asp:TextBox ID="txtCardVerifi" runat="server"></asp:TextBox>
                                </p>
                                <br />
                            </div>
                        </div>
                        
                    </Content>
                </ajaxToolkit:AccordionPane>
                <ajaxToolkit:AccordionPane ID="AccordionPane5" runat="server">
                    <Header>
                        <a href="" class="accordionLink">Order Review</a>
                    </Header>
                    <Content>
                    <uc1:ViewCart ID="ViewCart1" runat="server" />
                        <div style="margin: 5px;float:right">
                        <asp:Button ID="btnSubmit" runat="server" Text="Confirm Order >>" OnClick="btnSubmit_Click" />
                        </div>
                    </Content>
                </ajaxToolkit:AccordionPane>
            </Panes>
        </ajaxToolkit:Accordion>

    </div>
</asp:Content>

